import styled from 'styled-components';
import pageBg from '../assets/pageBg.png';

// 页面外层容器
export const IndexPageStyle = styled.div`
  position: relative;
  overflow: hidden;
  margin: 0px;
  padding: 10px 0 0 0;
  background: url(${pageBg}) center/cover no-repeat;
  width: 100vw;     /* 宽度铺满视窗 */
  height: 100vh;    /* 高度铺满视窗 */
  min-height: 100vh; /* 防止内容不足时高度收缩 */
  display: flex;
  flex-direction: column;
`;

export const IndexPageContent = styled.div`
  display: flex;
  justify-content: space-between;
  flex: 1;  /* 占据剩余空间 */
  width: 100%;
  overflow: hidden;  /* 防止内部内容导致滚动 */

  .center-page {
    flex: 1;
    overflow: auto;  /* 允许中心内容单独滚动 */
  }
`;